<template>
<div>
  <h4 class="boardName">新创建设备<a-icon type="right" /></h4>
  <div class=" lightBox newquipmentBox">
    <a-table :columns="columns" :data-source="NewestFiveArchive" :pagination="false" size="small" :rowKey="(record,index)=>{return index}">
      <a slot="num" slot-scope="text" class="newquipmentnum">{{ text }}</a>
      <a slot="name" slot-scope="text" class="newquipmentNAME">{{ text }}</a>
    </a-table>
  </div>
</div>
</template>

<script>
const columns = [
  {
    title: '设备名称',
    dataIndex: 'macNumb',
    key: 'macNumb',
    scopedSlots: { customRender: 'macNumb' },
  },
  {
    dataIndex: 'macFacName',
    title: "厂家地址",
    key: 'macFacName',
    scopedSlots: { customRender: 'macFacName' },
  }
];

const data = [
  {
    key: '1',
    name: '南京汇沃电子科技有限公司',
    num: '32',
  },
  {
    key: '2',
    name: '陕西高智机械有限公司',
    num:'SY0330045',
  },
  {
    key: '3',
    name: '十堰镜高工贸',
    num: 'BST0024005',
  },
];

export default {
  name: "index",
  props:{
    NewestFiveArchive:{
      type:Array,
      default:()=>[]
    }
  },
  data(){
    return{
      columns:columns,
      data:data
    }
  }
};
</script>

<style scoped lang="less">
@import "../../light.less";
::v-deep .ant-table-small{
  border: 0!important;border-radius: 0!important;
}
::v-deep .ant-table-thead{
}
::v-deep .ant-table-body{
  margin: 0!important;
  padding: 0!important;
}
</style>
